<!DOCTYPE html>
<html lang="pt-BR">
<head>
	<meta charset="utf-8">
	<meta http-equiv="X-UA-Compatible" content="IE=edge">
	<meta name="viewport" content="width=device-width, initial-scale=1">
	<meta name="description" content="Alguém Tem Blog? Ninguém Tem Blog!">
	<meta name="author" content="Hacklab Independência <hiatobr@riseup.net>">
	<link rel="icon" href="./favicon.ico">

	<title>Mão na massa!</title>

	<link href="./css/estilos.css" rel="stylesheet">

	<!-- Bootstrap core CSS -->
	<link href="./bootstrap/css/bootstrap.css" rel="stylesheet">
	<link href="./bootstrap/css/bootstrap.css.map" rel="stylesheet">
	<link href="./bootstrap/css/bootstrap.min.css" rel="stylesheet">
	<link href="./bootstrap/css/bootstrap-theme.css" rel="stylesheet">
	<link href="./bootstrap/css/bootstrap-theme.css.map" rel="stylesheet">
	<link href="./bootstrap/css/bootstrap-theme.min.css" rel="stylesheet">

	<!-- SocialSharePrivacy -->
	<link rel='stylesheet' type='text/css' href='./css/jquery.socialshareprivacy.min.css' />
	<script type="text/javascript" src="./javascripts/jquery-1.11.1.min.js"></script> 
	<script type="text/javascript" src="./javascripts/jquery.cookies.js"></script> 
	<script type="text/javascript" src="./javascripts/jquery.socialshareprivacy.min.js"></script>
	<script type="text/javascript" src="./javascripts/jquery.socialshareprivacy.min.pt.js"></script> 
	<script type="text/javascript">
		$(document).ready(function () {
			$('.share').socialSharePrivacy();
		});
	</script>

	<!-- Custom styles for this template -->
	<link href="./bootstrap/jumbotron-narrow.css" rel="stylesheet">

	<!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries -->
	<!--[if lt IE 9]>
		<script src="./js/html5shiv.min.js"></script>
		<script src="./js/respond.min.js"></script>
	<![endif]-->
</head>
<body>

	<!-- Fixed navbar -->
	<nav class="navbar navbar-default navbar-fixed-top" role="navigation">
		<div class="container">
			<div class="navbar-header">
				<a class="navbar-brand" href="./">Ningu&eacute;m Tem Blog&excl;</a>
			</div>
			<div id="navbar" class="navbar-collapse collapse">
				<ul class="nav navbar-nav">
					<li class="separador"><span>&nbsp;</span></li>
					<li><a href="./criar.html">Crie um blog</a></li>
					<li class="separador"><span>&nbsp;</span></li>
					<li><a href="./quem.html">Quem tem blog&quest;</a></li>
					<li class="separador"><span>&nbsp;</span></li>
					<li><a href="http://alguem.tem.blog.br/">Nosso blog</a></li>
				</ul>
			</div><!--/.nav-collapse -->
		</div>
	</nav>

	<div class="container">
		<div class="jumbotron">
			<h1>Lista de softwares para blog</h1>
			<p class="lead">Aqui h&aacute; softwares que servem para hospedagem pr&oacute;pria ou terceirizada.</p>
			<p class="lead">Onde &eacute; poss&iacute;vel, est&aacute; indicado um manual ou tutorial para que fa&ccedil;as tu mesma(o).</p>
		</div>

		<div class="row marketing">
			<div class="col-lg-12">

				<p>No momento s&oacute; tive tempo para dizer como fazer um blog com ikiwiki.</p>

				<hr>

				<h2>Ikiwiki</h2>
				<p class="lead">Ikiwiki &eacute; um sistema para wikis, sites e blogs. &Eacute; um dos principais utilizados neste site. Ikiwiki funciona com Perl e precisa de um servidor Linux ou pode ser hospedada em um servi&ccedil;o comercial.</p>
				<p><a class="btn btn-primary" href="http://ikiwiki.info/" role="button">ikiwiki.info »</a></p>

				<hr>

				<h3>1 - Instalar</h3>
				<p class="lead">Na wiki da ikiwiki existe um tutorial sobre como instalar o software em um servidor com perl. &Eacute; necess&aacute;rio saber usar um shell, a famosa linha de comando. Sim, &eacute; linux.</p>
				<p><a class="btn btn-primary" href="http://ikiwiki.info/setup/" role="button">/setup »</a></p>

				<hr>

				<h3>2 - Transformar a wiki em blog</h3>
				<p class="lead">Para transformar a wiki em um blog &eacute; absolutamente simples, e est&aacute; documentado na wiki da ikiwiki o processo.</p>
				<p class="lead">Tamb&eacute;m &eacute; poss&iacute;vel ter uma wiki inteira com um subdiret&oacute;rio sendo o blog. Ou ent&atilde;o, na mesma l&oacute;gica, uma p&aacute;gina inicial e o blog em um subdiret&oacute;rio como por exemplo <i>http://example.com/blog</i>.</p>
				<p><a class="btn btn-primary" href="http://ikiwiki.info/examples/blog/" role="button">/examples/blog »</a></p>

				<hr>

				<h3>3 - Mudar o tema padr&atilde;o</h3>
				<p class="lead">O tema padr&atilde;o &eacute; leg&iacute;vel, mas provavelmente ningu&eacute;m vai ler teu blog porque as pessoas n&atilde;o querem coisas leg&iacute;veis, elas querem coisas que fa&ccedil;am elas ter vontade de ler.</p>
				<p class="lead">Deve existir um limite, n&atilde;o sei, entre fazer o olho acompanhar a tela e encher o site de firulas in&uacute;teis. Veja <a href="http://motherfuckinwebsite.com" target="_blank">este site</a> (em ingl&ecirc;s) para saber qual &eacute; o limite para mim.</p>
				<p class="lead">Por aqui a gente usa bootstrap e tem um tema em constante desenvolvimento e aprimoramento. O c&oacute;digo deste tema est&aacute; no mesmo lugar que o c&oacute;digo deste site. As instru&ccedil;&otilde;es para instala&ccedil;&atilde;o est&atilde;o no reposit&oacute;rio.</p>
				<p><a class="btn btn-primary" href="https://notabug.org/hiatobr/ikiwiki-bootstrap-theme-2" role="button">ikiwiki-bootstrap-theme-2 »</a></p>

				<h3>4 - Adicionar Open Graph</h3>
				<p class="lead">Eu n&atilde;o recomendo isto. Open Graph &eacute; spyware.</p>
				<p class="lead">Quem quiser botar spyware no seu blog siga as instru&ccedil;&otilde;es do reposit&oacute;rio do plugin feito para este fim.</p>
				<p><a class="btn btn-primary" href="https://notabug.org/hiatobr/ikiwiki-plugin-opengraph" role="button">ikiwiki-plugin-opengraph »</a></p>

				<h3>5 - Divulgue</h3>
				<p class="lead">Agora que tu botou Open Graph, e eu disse pra n&atilde;o botar, &eacute; mais f&aacute;cil divulgar o blog nas redes anti sociais por a&iacute;.</p>
				<p class="lead">E tamb&eacute;m a &uacute;nica forma de fazer as pessoas lerem &eacute; este, afinal as redes anti sociais s&atilde;o como as cal&ccedil;adas, as pessoas v&atilde;o passar por elas porque t&ecirc;m que fazer qualquer coisa menos ler o teu blog. Se tu n&atilde;o colar adesivos nos postes, elas nunca v&atilde;o ver as tuas id&eacute;ias. A n&atilde;o ser que tu seja o Leonardo e a tua ideia seja a Gioconda. A&iacute; as pessoas v&atilde;o viajar muito longe e aguardar muito tempo s&oacute; pra ver a tua ideia.</p>

			</div>

		</div>
<hr>
<h2>Gostou&quest; Conte &agrave;s(aos) amigas(os). N&atilde;o gostou&quest; Manda para as(os) inimigas(os)&excl;</h2>
&nbsp;
<div class='share'></div>
&nbsp;
<hr>
		<div class="footer">
			<p>
				<span>Kopimi <a href="https://hi.ato.br/" target="_blank">Hacklab Independ&ecirc;ncia</a> 2013-2015.</span>
				<span>Este site usa <a href='http://getbootstrap.com/' target='_blank'>Bootstrap</a> e <a href='http://www.heise.de/extras/socialshareprivacy/' target='_blank'>SocialSharePrivacy</a>.</span>
				<span><a href="https://notabug.org/hiatobr/ninguem.tem.blog.br" target="_blank">C&oacute;digo fonte</a> de ninguem.tem.blog.br</span>
			</p>
			<p>
				<a href="https://notabug.org/hiatobr/ninguem.tem.blog.br" target="_blank"><img src='https://notabug.org/img/favicon.png' /></a>
				<span><img src='./imagens/html5.png' /></span>
				<span><img src='./imagens/gnu.png' /></span>
				<span><img src='./imagens/kopimi.png' /></span>
				<span><img src='./imagens/anarchism.png' /></span>
				<span><img src='./imagens/piratbyran.png' /></span>
				<span><img src='./imagens/metarec.png' /></span>
				<span><img src='./imagens/glider.png' /></span>
			</p>
		</div>

	</div> <!-- /container -->


	<!-- IE10 viewport hack for Surface/desktop Windows 8 bug -->
	<script src="./js/ie10-viewport-bug-workaround.js"></script>
</body>
</html>

